*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container{
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(./img/5.jpg)no-repeat;
    background-size: cover;
    transition: 0.5s;
    padding: 20px;
    flex-direction: column;
}

.img{
    font-family: "youyou";
    font-size: 60px;
}
.img p{
    position: relative;
    left: 120px;
}
#bailuobo{
    font-family: "youyou";
}
#tudou{
    font-family: "youyou";
}
#xilanhua{
    font-family: "youyou";
}
#huluobo{
    font-family: "youyou";
}
#pinggu{
    font-family: "youyou";
}
#shengcai{
    font-family: "youyou";
}
#qiezi{
    font-family: "youyou";
}
#suanmiao{
    font-family: "youyou";
}
#xianggu{
    font-family: "youyou";
}
#dabaicai{
    font-family: "youyou";
}
#bailuobo img{
    width: 1440px;
    height: 900px;
}
#tudou img{
    width: 1440px;
    height: 900px;
}
#xilanhua img{
    width: 1440px;
    height: 900px;
}
#huluobo img{
    width: 1440px;
    height: 900px;
}
#pinggu img{
    width: 1440px;
    height: 900px;
}
#shengcai img{
    width: 1440px;
    height: 900px;
}
#qieci img{
    width: 1440px;
    height: 900px;
}
#suanmiao img{
    width: 1440px;
    height: 900px;
}
#xianggu img{
    width: 1440px;
    height: 900px;
}
#dabaicai img{
    width: 1440px;
    height: 900px;
}
.img a{
    position: relative;
    padding: 30px 120px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
}

#bailuobo a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#tudou a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#xilanhua a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#huluobo a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#pinggu a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#shengcai a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#qiezi a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#suanmiao a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#xianggu a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
#dabaicai a{
    position:absolute;
    right: 0;
    padding: 20px 50px;
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background: #111;
    font-size: 45px;
}
.container#blur.active{
    filter: blur(20px);
    pointer-events: none;
    user-select: none;
}

#bailuobo{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#tudou{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#xilanhua{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#pinggu{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#shengcai{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#qiezi{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#suanmiao{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#dabaicai{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#xianggu{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#huluobo{
    position: fixed;
    width: 1440px;
    height: 900px;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
#bailuobo.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#tudou.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#xilanhua.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#huluobo.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#shengcai.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#qiezi.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#suanmiao.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#xianggu.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#dabaicai.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#pinggu.active{
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}

@font-face {
    font-family: youyou;
    src: url(./fonts/又又意宋.ttf);
}